@charset "utf-8";
/*index*/
.index{width:100%;}

.index .page5{position:relative;    height: 550px;
    overflow: hidden;}
.index .page5 .z-index{z-index:5;}
.index .page5 .bg,.index .page5 .bg img{
	width: 100%;
    position: relative;
    height: 550px;    overflow: hidden;}

.index .page5 .show, 
.index .page5 .list,
.index .page5 .list .blockquote,
.index .page5 .box{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}

.index .page5 .box{z-index:1;}
.index .page5 .list{z-index:5;}
.index .page5 .list .blockquote{width:100%;margin:0px;}

@media screen and (max-width: 1700px){
.index .page5 .list .blockquote{top:4%;}
}

.index .page5 .list .cm{width: 80%;position:relative;margin:0 auto;}
.index .page5 .list ul{
    width: 90%;
    display:block;
    position: relative;
    z-index: 888;
    margin: 0 auto;
}
.list ul .pa {
	background: url(/css/ib09.png) no-repeat;
    width: 42px;
    height: 42px;
    left: 0;
    margin-left: 0;
    top: 30%;
}
.index .page5 .list li{
	width: 25%;
	float: left;
	text-align: center;
	cursor: pointer;
	margin-top: 200px;
}

.index .page5 .list .shiye1 span {
    background: url(/css/update/icon04.png) no-repeat center;
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 25px;
	background-size: 65px;
}
.index .page5 .list .shiye2 span {
    background: url(/css/update/icon01.png) no-repeat center;
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 25px;
	background-size: 65px;
}
.index .page5 .list .shiye3 span {
    background: url(/css/update/icon02.png) no-repeat center;
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 25px;
	background-size: 65px;
}
.index .page5 .list .shiye4 span {
    background: url(/css/update/icon03.png) no-repeat center;
    display: block;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    margin-bottom: 25px;
	background-size: 65px;
}

.index .page5 .circle {
	position: absolute;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 1000px;
    margin-left: -500px;
}
.index .page5 .circle .move01 {animation-delay: 1.1s;}
.index .page5 .circle .move {
    animation-duration: 2.2s;
    animation-name: circleMotion;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
.index .page5 .circle div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 900px;
    margin: -393px 0 0 -450px;
}

@keyframes circleMotion {
    0% {
        transform: scale3d(1, 1, 1) rotate(0.1deg); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);
    }
    21% {
        opacity: 1;
        visibility: visible;
    }
    95%{
        transform: scale3d(1.14, 1.14, 1.14) rotate(0.1deg); -webkit-transform: scale3d(1.14, 1.14, 1.14); -moz-transform: scale3d(1.14, 1.14, 1.14); -o-transform: scale3d(1.14, 1.14, 1.14);
    }

    100% {
        opacity: 0;visibility: hidden;
        transform: scale3d(1, 1, 1) rotate(0.1deg); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);
    }
}


.index .page5 .show{opacity: 1;}
.index .page5 .show.hide{display:block;opacity: 0;}

.index .page5 .list li:hover{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px);}



/*css3*/
a,.animate,header .toggle em,header .toggle,.fadeLoop,.team li,.index .page3 .thumb span,.index .page3 .thumb span:after,.index .page4 .thumb span,.index .page4 .thumb span:after,.works .number span,.works .number span em:after,.works li .text em:after,.works li .img:after,.works li .img,.works li .img img,.works li .img i,.job .page3 .list a:after,.bodyWindow.job .close,.job .page3 .thumb span,.maps .send .btn:after,.maps .send .close:before,footer a.item img,.gototop,.maps,.maps .table,.index .page4 .thumb span:before,.index .page5 .list li,.job .page3 .prev,.job .page3 .next,.index .page1 .video{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.services .kv img,.index .page1 canvas:last-child,.about .kv .text,.job .page3 .icon i,.job .page3 .item{-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;}
.index .page5 .show{background-position: center;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-ms-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;}
.test{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.test{-moz-transform: rotate(180deg);-moz-transform-origin: center center;-webkit-transform: rotate(180deg);-webkit-transform-origin: center center;-o-transform: rotate(180deg);-o-transform-origin: center center;transform: rotate(180deg);transform-origin: center center;}

.pagenow{opacity:0.01;}
.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
}
.fadeInUp{
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
}
.fadeInDown{
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
}
.fadeInRight{
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
}
.fadeInLeft{
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
}
.fadeInScale{
	-webkit-animation-name:fadeInScale;
	animation-name:fadeInScale;
}
.fadeLoop,.about .box,.timeline.pagenow{opacity:1;}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn,.fadeInScale{
	opacity:1;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	position:relative;
}
.delay100{
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.delay200{
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.delay300{
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay400{
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.delay500{
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delay600{
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.delay700 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.delay800 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.delay900 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.delay1100 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay1300 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.delay1400 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}
/*animate*/
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-10%,0);-ms-transform:translate3d(0,-10%,0);transform:translate3d(0,-10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-10%,0,0);-ms-transform:translate3d(-10%,0,0);transform:translate3d(-10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(10%,0,0);-ms-transform:translate3d(10%,0,0);transform:translate3d(10%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,10%,0);-ms-transform:translate3d(0,10%,0);transform:translate3d(0,10%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);}}@keyframes fadeInScale{0%{opacity:0;-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}100%{opacity:1;-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}

/* 外间距 */
.mt-1{margin-top:1px;}
.mt-3{margin-top:3px;}
.mt-4{margin-top:4px;}
.mt-5{margin-top:5px;}
.mt-6{margin-top:6px;}
.mt-7{margin-top:7px;}
.mt-8{margin-top:8px;}
.mt-9{margin-top:9px;}
.mt-10{margin-top:10px;}
.mt-12{margin-top:12px;}
.mt-14{margin-top:14px;}
.mt-15{margin-top:15px;}
.mt-18{margin-top:18px;}
.mt-20{margin-top:20px;}
.mt-22{margin-top:22px;}
.mt-25{margin-top:25px;}
.mt-30{margin-top:30px;}
.mt-36{margin-top:36px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-90{margin-top:90px;}
.mt-120{margin-top:150px;}

.mr-3{margin-right:3px;}
.mr-4{margin-right:4px;}
.mr-5{margin-right:5px;}
.mr-8{margin-right:8px;}
.mr-10{margin-right:10px;}
.mr-12{margin-right:12px;}
.mr-15{margin-right:15px;}
.mr-20{margin-right:20px;}
.mr-30{margin-right:30px;}
.mr-60{margin-right:60px;}
.mr-70{margin-right:70px;}

.mb-5{margin-bottom:5px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}

.ml-1{margin-left:1px;}
.ml-3{margin-left:3px;}
.ml-5{margin-left:5px;}
.ml-8{margin-left:8px;}
.ml-10{margin-left:10px;}
.ml-15{margin-left:15px;}
.ml-20{margin-left:20px;}
.ml-30{margin-left:33px;}
.ml-40{margin-left:40px;}
.ml-50{margin-left:50px;}
.ml-60{margin-left:60px;}
.ml-70{margin-left:70px;}
.ml-75{margin-left:75px;}
.ml-98{margin-left:98px;}
.ml-90{margin-left:90px;}
.ml-100{margin-left:100px;}
.ml-110{margin-left:110px;}
.ml-125{margin-left:125px;}
.ml-130{margin-left:130px;}
.ml-160{margin-left:160px;}
.ml-170{margin-left:170px;}

.mlr-3{margin-left:3px;margin-right:3px;}
.mlr-5{margin-left:5px;margin-right:5px;}
.mlr-8{margin-left:8px;margin-right:8px;}
.mlr-10{margin-left:10px;margin-right:10px;}
.mlr-15{margin-left:15px;margin-right:15px;}
.mlr-20{margin-left:20px;margin-right:20px;}
.mlr-30{margin-left:20px;margin-right:30px;}
.mlr-40{margin-left:40px;margin-right:40px;}
.mlr-50{margin-left:50px;margin-right:50px;}
.mlr-60{margin-left:60px;margin-right:60px;}

/* 内间距 */
.pt-10{padding-top:10px;}
.pt-15{padding-top:15px;}
.pt-27{padding-top:27px;}

.pr-12{padding-right:12px;}
.pr-20{padding-right:20px;}
.pr-30{padding-right:30px;}

.pm-10{padding-bottom:10px;}
.pm-15{padding-bottom:15px;}

.plr-5{padding-left:5px;padding-right:5px;}
.pl-12{padding-left:12px;}
.plr-10{padding-left:10px;padding-right:10px;}
.pl-10-r-15{padding-left:10px;padding-right:15px;}
.plr-14{padding-left:14px;padding-right:14px;}
.plr-15{padding-left:15px;padding-right:15px;}
.plr-20{padding-left:20px;padding-right:20px;}
.plr-30{padding-left:30px;padding-right:30px;}

.ptm-10{padding-top:10px;padding-bottom:10px;}
.ptm-15{padding-top:15px;padding-bottom:15px;}
.ptm-20{padding-top:20px;padding-bottom:20px;}
.ptm-30{padding-top:30px;padding-bottom:30px;}
.ptm-50{padding-top:50px;padding-bottom:50px;}
.ptm-60{padding-top:60px;padding-bottom:60px;}
.ptm-75{padding-top:75px;padding-bottom:75px;}

/* 行高 */
.h-35{line-height:35px;}
.h-30{line-height:30px;}
.h-18{line-height:18px;}
.h-16{line-height:16px;}
.h-20{line-height:20px;}
.h-22{line-height:22px;}
.h-24{line-height:24px;}
.h-25{line-height:25px;}
.h-26{line-height:26px;}
.h-28{line-height:28px;}
.h-29{line-height:29px;}
.h-33{line-height:33px;}
.h-37{line-height:37px;}
.h-38{line-height:38px;}
.h-40{line-height:40px;}
.h-54{line-height:54px;}

/*邊框*/
.b-a{border:1px #dbdbdb solid;}
.b-l{border-left:1px #dbdbdb solid;}
.b-r{border-right:1px #dbdbdb solid;}
.b-t{border-top:1px #dbdbdb solid;}
.b-b{border-bottom:1px #dbdbdb solid;}
.b-ld{border-left:1px #dbdbdb dashed;}
.b-rd{border-right:1px #dbdbdb dashed;}
.b-td{border-top:1px #dbdbdb dashed;}
.b-bd{border-bottom:1px #dbdbdb dashed;}

/*背景*/
.bg-orange{background-color:#ffac45;}
.bg-white{background-color:#fff;}
.bg-grey{background-color:#f2f4f8;}
.bg-blue{background-color:#39ade7;}
.bg-green{background-color:#b3d56c;}
.bg-purple{background-color:#be9ecc;}
.bg-yellow{background-color:#eaab3e;}
.bg-red{background-color:#872633;}

/* 字体样式 */
.f-12{font-size:1.2rem;}
.f-13{font-size:1.3rem;}
.f-14{font-size:1.4rem;}
.f-15{font-size:1.5rem;}
.f-16{font-size:1.6rem;}
.f-18{font-size:1.8rem;}
.f-20{font-size:2rem;}
.f-22{font-size:2.2rem;}
.f-24{font-size:2.4rem;}
.f-26{font-size:2.6rem;}
.f-28{font-size:2.8rem;}
.f-30{font-size:3rem;}
.f-32{font-size:3.2rem;}
.f-38{font-size:3.8rem;}
.f-40{font-size:4rem;}
.f-48{font-size:4.8rem;}
.f-50{font-size:5rem;}
.f-60{font-size:6rem;}
.f-80{font-size:8rem;}
.f-90{font-size:9rem;}
.fbold{font-weight:bold;}
.fboldno{font-weight:normal;}
.f-c{text-align:center;}
.f-r{text-align:right;}
.f-f{font-family:"宋体","Microsoft YaHei","微软雅黑","Arial","Helvetica",sans-serif;}
.f-t{text-decoration:underline;cursor:pointer;}
.f-v{vertical-align:middle;}
.f-v img{float:none;margin:0 5px;}
.f-u{text-transform:uppercase;}
.f-w{white-space:nowrap;}
.greent,a.greent{color:#7acd00;}
.oranget,a.oranget{color:#fa6d40;}
.greyt,a.greyt{color:#999;}
.grey6t,a.grey6t{color:#666;}
.grey6t,a.grey6t{color:#666;}
.redt,a.redt{color:#e55151;}
.blackt,a.blackt{color:#333;}
.bluet,a.bluet{color:#198eed;}
.yellowt,a.yellowt{color:#eaab3e;}
.lightbluet,a.lightbluet,.lightbluet a{color:#66a6e1;}
.lightbluet a:hover{text-decoration:underline;}
.whitet{color:#fff;}
.purplet,a.purplet{color:#eb7a79;}
.wm-70{min-width:70px;}
a.redt:hover,a.greent:hover,a.oranget:hover,a.greyt:hover,a.blackt:hover,a.bluet:hover,a.lightbluet:hover,a.purplet:hover{text-decoration:underline;}
.link a{border-bottom:1px #c1c1c1 dashed;}